<template>
	<view class="mainCss">
		<view class="titleBox">
			<view class="titleLeft">
				<img src="../../static/title/back.png" class="titleBack" @click="goBack">
			</view>
			<view class="titleText">
				<text>合伙项目</text>
			</view>
			<view class="titleRight">
				
			</view>
		</view>
		<view class="selectBox">
			<view class="selectBox1">
				<view class="selectIconBox">
					<img src="../../static/home/select.png" class="selectIcon">
				</view>
				<input type="text" class="selectInput" v-model="selectInfo" placeholder="请输入搜索内容" placeholder-style="color: #DFDFDF;">
			</view>
			<view class="">
				<button class="selectButton">搜索</button>
			</view>
		</view>
		<view class="screenBox">
			<view class="screen" :class="[type1 == 1?'screen1':'screen']">
				<text>行业分类</text>
				<img src="../../static/lease/xia.png" class="screenIcon" v-show="type1 == 0">
				<img src="../../static/lease/xia1.png" class="screenIcon" v-show="type1 == 1">
			</view>
			<view class="screen" :class="[type2 == 1?'screen1':'screen']">
				<text>资金范围</text>
				<img src="../../static/lease/xia.png" class="screenIcon" v-show="type2 == 0">
				<img src="../../static/lease/xia1.png" class="screenIcon" v-show="type2 == 1">
			</view>
			<view class="screen" :class="[type3 == 1?'screen1':'screen']">
				<text>合作模式</text>
				<img src="../../static/lease/xia.png" class="screenIcon" v-show="type3 == 0">
				<img src="../../static/lease/xia1.png" class="screenIcon" v-show="type3 == 1">
			</view>
		</view>
		<view class="bodyBox">
			<view class="partnershipBox" v-show="type == 0">
				<view class="partnershipTitle">
					<text>品牌店铺合伙</text>
				</view>
				<view class="hiddenBox">
					<view class="autoBox">
						<view class="shopList" :style="{width: 5 * 200 + 'rpx'}">
							<view class="shopBox" v-for="(item1, index1) in 5" :key="index1" @click="details">
								<view class="imgBox">
									<img src="../../static/home/info.jpg" class="img">
								</view>
								<view class="shopTitle">
									<text>贰宝便利店</text>
								</view>
								<view class="shopPrice">
									<text>投入<text style="color: #FB2200; font-size: 14px;">1万元</text></text>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type: 0,
				type1: 1,
				type2: 0,
				type3: 0,
			}
		},
		onLoad() {
			
		},
		methods: {
			// 返回
			goBack() {
				uni.navigateBack(0)
			},
			// 跳转到项目详情
			details() {
				uni.navigateTo({
					url: '/pages/partnership/details',
				})
			},
		}
	}
</script>

<style>
	@import '../../css/partnership.css';
	
	.screenBox {
		width: 750upx;
		height: 100upx;
		background-color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
</style>